<template>
  <div class="buy-car-help">
    <h2 class="title">购车帮助</h2>
    <img class="help-img" src="../../../assets/buyCarHelp/help1.jpg" alt="" />
    <img class="help-img" src="../../../assets/buyCarHelp/help2.jpg" alt="" />
    <img class="help-img" src="../../../assets/buyCarHelp/help3.jpg" alt="" />
    <img class="help-img" src="../../../assets/buyCarHelp/help4.jpg" alt="" />
    <img class="help-img" src="../../../assets/buyCarHelp/help5.jpg" alt="" />
  </div>
</template>

<script>
export default {
  name: "BuyCarHelp",
  components: {},
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.buy-car-help {
  .title {
    font-weight: normal;
    text-align: left;
    height: 28px;
    font-size: 28px;
    line-height: 28px;
    color: #757575;
    padding: 30px 0 0 33px;
  }
  .help-img {
    margin: 0 auto;
    width: 757px;
  }
}

/*手机端*/
@media (min-width: 320px) and (max-width: 800px) {
  .buy-car-help .title {
    padding: 10px;
    font-size: 20px;
  }
  .buy-car-help .help-img {
    width: 98%;
  }
}
</style>